<style lang="scss" scoped>
    .mshop-big-message {
        width: 100%;
        border-bottom: 10px solid #efefef;

        .message {
            text-align: center;
            padding: 1em .5em;
            font-size: 150%;
            color: red;

            border: 8px solid transparent;
            border-image: 6 repeating-linear-gradient(-45deg,
                               red 0, red .5em,
                               transparent 0, transparent 1em,
                               #58a 0, #58a 1.5em,
                               transparent 0, transparent 2em);
        }
    }
</style>

<template>
    <div class="mshop-big-message">
        <div class="message">
            {{ message }}
        </div>
    </div>
</template>

<script>
    export default {
        props: ['message'],
    }
</script>
